<template>
	<view  :style="{marginTop:statusBarHeight+'px'}">
		<view class="w_100 d_f j_c_c b_c_f" style="padding:80rpx 0 40rpx 0;">
			<view class="w_91 d_f j_c_s_b a_i_c">
				<view class="d_f a_i_c" style="width:18%;">
					<image src="../../hybrid/html/imgs/advertise.jpg" mode="" class="img_"></image>
				</view>
				<view class="d_f f_d_c " style="width: 70%;">
					<text>小智</text>
					<text>新增患者100人</text>
				</view>
				<view class="" style="">
					<uni-icons :color="iconType.color" :type="iconType.type" size="iconType.size" />
				</view>
			</view>
		</view>
		<!--  -->
		<view class="d_f w_100 j_c_c" style="margin-top: 20rpx;">
			<view class="w_94 b_c_f d_f j_c_c">
				<view class="w_91" style="padding: 40rpx 0;">
					<text class="d_b " >我的统计</text>
					<view class="w_100 d_f f_w_w" style="margin-top: 20rpx;">
						<view v-for="(item,index) in 5" 
							:key="index" class="d_f f_d_c a_i_c" 
							style="width:25%;":style="index>3?'margin-top:20rpx':''">
							<image src="../../hybrid/html/imgs/advertise.jpg" mode="" class="tong_ji"></image>
							<text class="f_s_12" style="margin-top: 12rpx;">点歌单</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	var statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
	export default {
		data() {
			return {
				statusBarHeight:statusBarHeight,
				iconType:{
					color:"#000000",
					type:"forward",
					size:20
				}
				
			}
		},
	
		methods: {
			
		}
	}
</script>

<style>
	page{
		background-color: #eaeaea;
	}
.img_{
	width: 120rpx;
	height: 120rpx;
	border-radius: 50%;
}
.tong_ji{
	width: 100rpx;
	height: 100rpx;
	border-radius: 50%;
	background-color:#eaeaea; 
}
</style>
